<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <title>地图应用</title>
    <meta name ="keywords" content="map">
    <meta name="description" content="珠海习悦-ThinkJoy">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script type="text/javascript" src="js/jquery-1.12.1.min.js"></script>
    <script type="text/javascript" src="js/videoplayer/swfobject.js"></script>
  </head>

  <body>
    <!-- <header class="navbox">
        <h1>金湾卡口实时监控平台</h1>
    </header> -->
    <aside class="placebox animate">
        <div class="placebox-head">
            卡口列表
        </div>
        <ul class="placebox-list">
        </ul>
        <button class="open animate" id="sbarSwitch" title="隐藏列表"><</button>
    </aside>
    <section id="container" class="animate"></section>
    <div class="layerbox">
        <button id="traffic" class="animate">路况</button>
        <button id="satellite" class="animate">卫星</button>
    </div>
    
    <script src="http://webapi.amap.com/maps?v=1.4.6&key=32ab78904f7d16dd3e153b094389fbda"></script>
    <script type="text/javascript" src="js/data.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
        
  </body>
</html>
